Function: clearOffScreen(domElementOrNodeArrayOrCSSSelector)

Description: Clears all previously applied offscreen styling from an element.

Returns: domElement or matching node array, or $A object if chained.

Note: Offscreen styling is used to display element content to screen reader users that does not appear visually on the screen. The clearOffScreen function will unset all styling properties previously set using setOffScreen, causing this content to become visible.

The CSS styles applied are those declared within the $A.sraCSSClear property.

    sraCSSClear: {
      position: "",
      clip: "auto",
      clipPath: "none",
      padding: "",
      height: "",
      width: "",
      overflow: "",
      whiteSpace: "normal"
    }

These can be programmatically changed as needed.

Example:

// Using a DOM node as reference
var myElement = $A.clearOffScreen(domElement);

// Using a DOM node array as reference
var myElementsArray = $A.clearOffScreen([domElement1, domElement2]);

// Using a CSS selector as reference
var myElementsArray = $A.clearOffScreen("button.for-mobile");

// Or the same using chaining

// Using a DOM node as reference
var myElement = $A(domElement).clearOffScreen();

// Using a DOM node array as reference
var myElementsArray = $A([domElement1, domElement2]).clearOffScreen();

// Using a CSS selector as reference
var myElementsArray = $A("button.for-mobile").clearOffScreen();

// To return the modified element within a chain, use the "return()" method.

var myElement = myChain.return();